<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="div1"></div>
    <input type="button" id="btn" value='点名' onclick="dm()">
    <script type="text/javascript">
        // 定义一个存放人数组
        var arr = ['鹿晗', '周杰伦', '蔡徐坤', '比利王', '刘德华', '周星驰', '帅哥'];
        // for (var i = 0; i < arr.length; i++) {
        //     console.log('1');
        // }

        function dm() {
            // 获取数组长度
            m = arr.length;
            // 随机获取数组长度内的一个数
            // n = Math.floor(Math.random() * m);
            // console.log(arr[n]);
            // ordname = arr[Math.floor(Math.random() * m)];
            // 输出单个
            // document.getElementById("div1").innerHTML = ordname;
            // 输出4个
            var arrm = [];
            // 循环四次
            for (var i = 1; i <= 4; i++) {
                var nu = 0;
                // 根据新数组内数据个数进行循环
                for (var j = 0; j < i; j++) {
                    // 产生随机名字
                    ordname = arr[Math.floor(Math.random() * m)];
                    // 判断随机名字是否在新数组中
                    if (ordname != arr[j]) {
                        nu += 1;
                        if (nu == i) {
                            arrm += ordname;
                            // break;
                        }
                    } else {
                        // j -= 1;
                        console.log(j);
                    }

                }
            }
            console.log(arrm);
        }
    </script>
</body>

</html>